<template>
<div class="cart">
  <!-- 导航部分 -->
  <nav-bar>
    <div slot="center">购物车({{cartLength}})</div>
  </nav-bar>

  <!-- 内容部分 -->
  <cart-list>
    
  </cart-list>

  <!-- 底部 -->
  <cart-btn-bar>
    
  </cart-btn-bar>
</div>
</template>

<script>
import NavBar from '@/components/common/navbar/NavBar'

import {mapGetters} from 'vuex'

import CartList from './childComps/CartList.vue'
import CartBtnBar from './childComps/CartBtnBar.vue'

 export default {
     name: 'Cart',
    components: {
      NavBar,
      CartList,
      CartBtnBar
    },
   data () {
     return {

     }
   },
   created() {

   },
   methods: {

   },
   computed: {
    ...mapGetters(['cartLength'])
    }
 }
</script>

<style lang='less' scoped>

 
</style>
